﻿*{margin:0; padding: 0;}
body{background: url(../img/bg.png)}
#box{width: 100%; overflow: hidden;font-family: "微软雅黑"; padding-bottom:10px; margin-top: 50px;}
.title{display: block; width: 75.666666%; margin:0 auto;}
.cont{width: 75.666666%; background: rgba(118,48,86,0.5); margin: 0 auto; border-radius: 8px; padding-top:25px; padding-bottom:15px}/*454*/
.cont .border{width: 95%; border-radius: 4px; margin-bottom: 15px; height: 35px; border:none; line-height: 35px; padding-left: 5%; font-size: 16px;; font-family: "微软雅黑"}
.cont form{width: 76.872246%; margin:0 auto}
.check{color:#fff; font-size: 15px; font-weight: bold; margin:5px 0}
.sub{display: block; width: 42.666666%; margin: 0 auto; height: 30px; border:none; background: #eb8233; border-radius: 5px; color:#fff; font-size: 16px; font-weight: bold}
.text-muted{width:100%}
label {
    -webkit-user-select: none;
}
.circle-btn {
	
    width: 17px;white
    height: 17px;
    border-radius: 100%;
    border: 1px solid #fff;
    transition: all 0.4s;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 3px 0 0;
    background: #562b3f;
    position: relative;
}
.circle-btn.active {
    border-width: 5px;
    border-color: #1dace8;
}
.white{color:#fff; margin-left:2%; font-size: 15px;}
.rad{margin-bottom: 20px;}
.selected{color:#fff; font-size: 60px; position: absolute; top:-195.333333%; left:5.555555%}
.time{width: 70.666666%; padding-top:15px; margin: 0 auto; font-size: 12px; color:#fff; color: #fefcfd; overflow: hidden; padding-left:4%; padding-right: 4%; font-weight: bold}
.padnone{padding-top:5px; clear: both;}
.pdding{padding-left:3%}
/*@media only screen { html { font-size: 30px; } }
@media only screen and (max-width: 479px) and (min-width: 321px) { html { font-size: 15px; } }
@media only screen and (max-width: 320px) { html { font-size: 13px; } }*/

